<extend name='Index/index' />
<block name='filter'></block>
<block name='index_body'>
	<div id="map" class='position'>
		<a href="<{:U('Index/index','','')}>/lid/<{$goods.lid}>"><{$goods.lname}></a><span>»</span><a href="<{:U('Index/index','','')}>/cid/<{$goods.cid}>"><{$goods.cname}></a><span>»</span><a href="#"><{$goods.shopname}></a>
	</div>
	<div id="content" class='position' style="height:3000px;">
		<div class='content-left'>
			<div class="goods-intro">
				<div class='goods-title'>
					<h1><{$goods.main_title}></h1>
					<h3><{$goods.sub_title}></h3>
				</div>
				<div class='deal-intro'>
					<div class='buy-intro'>
						<div class='price'>
							<div class='discount-price'>
								<span>¥</span><{$goods.price}>
							</div>
								<div class='cost-price'>
									
									<span class='discount'><{$goods.zekou}>折</span>
									门店价<b>¥<{$goods.old_price}></b>
								</div>
						</div>
						<div class='deal-buy-cart'>
							<a href="" class='buy'></a>
							<a href="" class='cart'></a>
						</div>
						<div class='purchased'>
							<p class='people'>
								<span><{$goods.buy}></span>人已团购
							</p>
							<p class='time'>
								<{$goods.time}>
							</p>
						</div>
						<ul class='refund-intro'>
							<volist name="goods.goods_server" id='v'>
								<li>
									<{$v['img']}>
									<span class='text'><{$v['name']}></span>
								</li>
							</volist>
						</ul>                                                            
					</div>
					<div class='image-intro'>
						<img src="__PUBLIC__/<{$goods.goods_img}>_460x280.jpg"/>

					</div>
				</div>
				<div class='collect'>
					<a class='collect-link' href=''><i></i>收藏本单</a>
					
					<div class='share'>
						
					</div>
					
				</div>
			</div>
			<div class='detail'>
				<ul class='plot-points'>
					<li class='active'><a href="#shop-site">商家位置</a></li>
					<li><a href="#details">本单详情</a></li>
					<li><a href="#comment">消费评价</a></li>
				</ul>
				<div id="shop-site" class='shop-site'>
					<p class='site-title'>商家位置</p>
					<div class='box'>
						<div class='map' id="bmap">
						</div>
						<div class='info'>
							<h3><{$goods.shopname}></h3>
							<dl>
								<dt>地址:</dt>
								<dd><{$goods.shopaddress}></dd>
							</dl>
							<dl>
								<dt>地铁:</dt>
								<dd><{$goods.metroaddress}></dd>
							</dl>
							<dl>
								<dt>电话:</dt>
								<dd><{$goods.shoptel}></dd>
							</dl>
						</div>
					</div>
				</div>
				<div id="details"  class='details'>
					<{$goods.detail}>
				</div>
				<div id="comment" class='comment'>
					<div class='comment-list-title'>
						<span>全部评价</span>
						<a class='order-time' href="">按时间<i></i></a>
					</div>
					<div class='comment-list'>
						<div class='list-con'>
							<div class='con-top'>
								<span class='username'>sdas</span>
								<span class='time'>评价于:<em>2013-08-04</em></span>
							</div>
							<p>
								说是香草拿铁不是很苦，结果根本不是想象中的味道！像速溶冲调！还要另加五元？有此一说吗？银座店环境一般！
							</p>
						</div>
						
					</div>
					<div class='comment-page'>
						<a href="">1</a>
						<a href="">1</a>
						<a href="">1</a>
						<a href="">1</a>
						<a href="">1</a>
						<a href="">1</a>
					</div>
				</div>
			</div>
		
		</div>
		<div class='content-right'>
			<div class='recommend'>
				<h3 class='recommend-title'>
					看过本团购的用户还看了
				</h3>
				<div class='recommend-goods'>
					<a class='goods-image' href="">
						<img alt="图像加载失败.." src="http://p0.meituan.net/200.121/deal/__5738304__3391447.jpg">
					</a>
					<h4>
						<a href="">【五道口】上岛咖啡：双人下午茶套餐，美味齐分享</a>
					</h4>
					<p>
						<strong>¥39.8</strong>
						<span class='cost-price'>门店价<del>144</del></span>
						<span class='num'>
							<span>173</span>
							 人已团购
						</span>
					</p>
				</div>
			</div>
		</div>
	</div>	
	<div ng-app='hd' ng-controller='ctrl'>
		
	</div>
	<script type="text/javascript">
		var shopcoord=<{$goods.shopcoord}>;
		// 百度地图API功能
			var map = new BMap.Map("bmap");
			map.centerAndZoom(new BMap.Point(116.331398,39.897445),11);
			map.enableScrollWheelZoom(true);
			
			// 用经纬度设置地图中心点
					var new_point = new BMap.Point(shopcoord.lng,shopcoord.lat);
					var marker = new BMap.Marker(new_point);  // 创建标注
					map.addOverlay(marker);              // 将标注添加到地图中
					map.panTo(new_point);      

		var top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_TOP_LEFT});// 左上角，添加比例尺
		var top_left_navigation = new BMap.NavigationControl();  //左上角，添加默认缩放平移控件
		var top_right_navigation = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL}); //右上角，仅包含平移和缩放按钮
		/*缩放控件type有四种类型:
		BMAP_NAVIGATION_CONTROL_SMALL：仅包含平移和缩放按钮；BMAP_NAVIGATION_CONTROL_PAN:仅包含平移按钮；BMAP_NAVIGATION_CONTROL_ZOOM：仅包含缩放按钮*/
		
		//添加控件和比例尺
			map.addControl(top_left_control);        
			map.addControl(top_left_navigation);     
			map.addControl(top_right_navigation);    



	</script>

</block>


